<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>综合案例-注册页面</title>
</head>

<body>
    <form>
        <h3>青春不常在，抓紧谈恋爱</h3>
        <table width="700">
            <!-- 第一行 -->
            <tr>
                <td>性别</td>
                <td><input type="radio" name="sex" id="nan"> <label for="nan">男</label>
                    <input type="radio" name="sex" id="nv"> <label for="nv">女</label>
                </td>
            </tr>
            <!-- 第二行 -->
            <tr>
                <td>生日</td>
                <td><select>
                        <option>--请选择年份--</option>
                        <option>2006</option>
                        <option>2005</option>
                        <option>2004</option>
                        <option>2003</option>
                    </select></td>
                <td><select>
                        <option>--请选择月份--</option>
                        <option>6</option>
                        <option>5</option>
                        <option>4</option>
                        <option>3</option>
                    </select></td>
                <td><select>
                        <option>--请选择日份--</option>
                        <option>6</option>
                        <option>5</option>
                        <option>4</option>
                        <option>3</option>
                    </select></td>
            </tr>
            <!-- 第三行 -->
            <tr>
                <td>所在地区</td>
                <td> <input type="text" value="重庆思密达"></td>
            </tr>
            <!-- 第四行 -->
            <tr>
                <td>婚姻状况</td>
                <td><input type="radio" name="marry" id="weihun"> <label for="weihun">未婚</label> <input type="radio"
                        name="marry" id="jiehun"><label for="jiehun">已婚</label>
                    <input type="radio" name="marry" id="lihun"><label for="lihun">离婚</label>
                </td>
            </tr>
            <!-- 第五行 -->
            <tr>
                <td>学历</td>
                <td><input type="text" value="本科"></td>
            </tr>
            <!-- 第六行 -->
            <tr>
                <td>喜欢的类型</td>
                <td><input type="checkbox" name="hobby" id="sex"> 妩媚的<label for="sexy"></label>
                    <input type="checkbox" name="hobby" id="cute"> 可爱的<label for="cute"></label>
                    <input type="checkbox" name="hobby" id="youth"> 小鲜肉<label for="youth"></label>
                    <input type="checkbox" name="hobby" id="old"> 老腊肉<label for="old"></label>
                    <input type="checkbox" name="hobby" id="any"> 都喜欢<label for="any"></label>
                </td>
            </tr>
            <!-- 第七行 -->
            <tr>
                <td>个人介绍</td>
                <td>
                    <textarea>个人介绍</textarea>
                </td>
            </tr>
            <!-- 第八行 -->
            <tr>
                <td></td>
                <td><input type="submit" value="免费注册"></td>
            </tr>
            <!-- 第九行 -->
            <tr>
                <td></td>
                <td><input type="checkbox" checked="checked" id="agree"><label for="agree">我特意注册条款和会员加入标准</label></td>
            </tr>
            <!-- 第十行 -->
            <tr>
                <td></td>
                <td>
                    <h3>我承诺</h3>
                    <ul>
                        <li>年满十八岁,单身</li>
                        <li>抱着严谨的态度</li>
                        <li>真诚寻找另一半</li>
                    </ul>
                </td>

            </tr>
        </table>
    </form>
</body>

</html>